{% extends "base.html" %}
{% block title %}搜索引擎{% endblock %}
{% block extra_head %}
<script type="text/javascript" src="/static/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/static/js/main.js"></script>
{% endblock %}
{% block content %}
    <div class="willerce">
        <a href="/"><img class="avatar" src="/static/imgs/khy_face_130.png" alt="" width="128" height="128"/></a>
    </div>
    <div id="search_box">
        <div class="tab_box">
            <div id="div_baidu">
                <form action="http://www.baidu.com/baidu" target="_blank">
                    <input type="text" name="word" id="s" value="请输入一个关键词进行百度搜索" onfocus="if (value =='请输入一个关键词进行百度搜索'){value =''}" onblur="if (value ==''){value='请输入一个关键词进行百度搜索'}"/>
                    <input id="search-submit" class="button" type="submit" value="搜索" name=""/>
                </form>
            </div>
            <div id="div_google">
                <form method="get" action="https://www.google.com/search" target="_blank">
                    <input type="text" name="q" id="s" value="请输入一个关键词进行谷歌搜索" onfocus="if (value =='请输入一个关键词进行谷歌搜索'){value =''}" onblur="if (value ==''){value='请输入一个关键词进行谷歌搜索'}"/>
                    <input id="search-submit" class="button" type="submit" value="搜索" name=""/>
                </form>
            </div>
        </div>
        <ul class="tab_menu">
            <li id="button_baidu" onclick="change_search('baidu')">百度搜索</li>
            <li id="button_google" onclick="change_search('google')">谷歌搜索</li>
        </ul>
    </div>
{% endblock %}
